<template>
  <div>
    <h2>子级页面</h2>
    <div>
      <p>父组件传递的值：{{ fatherToChild }}</p>
    </div>
    <button @click="editFatherToChild">改变父传子的值</button>
  </div>
</template>

<script>
export default {
  props: {
    // 这里可以定义父组件传递的属性
    fatherToChild: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
    };
  },
  methods: {
    editFatherToChild (){
        // 这里可以通过 $emit 触发父组件的事件来改变父组件的数据
        this.$emit("eidtText", "子组件修改了父组件传递的值");
    }
  }
};
</script>
